<template>
    <div class="box2">
        <h2>周欣耀About组件</h2>
        <router-link to="/about/tab1">tab1</router-link>
        <router-link to="/about/tab2">tab2</router-link>
        <router-view></router-view>
    </div>
</template>

<script setup>
import { watch } from "vue";
import { useRoute } from "vue-router";
const route = useRoute();
watch(
  () => route.path,
  (path) => {
    console.log("路由的路径是：", path);
  }
);
</script>

<style scoped>
.box2 {
    min-height: 300px;
    background-color: rgb(166,238,159);
    padding: 20px;
}
</style>